<template>
  <view class="record-card">
    <view class="record-card-title">
      <view>{{ info.goods_name }}</view>
      <view>{{ info.created_at }}</view>
    </view>
    <view class="record-card-num">-{{ info.use_flower_num }}</view>
  </view>
</template>
<script>
export default {
  props: {
    info: {
      type: Object,
      default: () => {
        return {};
      }
    }
  }
};
</script>

<style lang="scss">
@import "@/assets/scss/tools.scss";
.record-card {
  width: 690px;
  padding: 32px;
  height: 154px;
  background: #fffdf8;
  border: 2px solid #fcefda;
  border-radius: 16px;
  @include normal-flex(flex-start);
  &-title {
    flex: 1;
    view {
      width: 100%;
      margin-right: 24px;
      &:first-child {
        @include base-text(44px, 32px, #303133);
        margin-bottom: 12px;
      }
      &:last-child {
        @include base-text(34px, 24px, #909399, 400);
      }
    }
  }
  &-num {
    @include base-text(40px, 28px, #909399, 400);
    width: 50px;
  }
  margin-bottom: 32px;
}
</style>
